<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
	<title><spring:message code="YYK-title-10008" /></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name=”apple-mobile-web-app-capable” content=”yes” />
	<script type="text/javascript">
	;(function (doc, win) {
	    var docEl = doc.documentElement,
	      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
	      recalc = function () {
	        var clientWidth = docEl.clientWidth;
	        var clientHeight = docEl.clientHeight;
	        if (!clientWidth) return;
	        if (clientWidth < clientHeight) {
	            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
	        }else{
	          docEl.style.fontSize = 50 * (clientWidth / 1136) + 'px';
	        }
	      };
	      recalc();
	    if (!doc.addEventListener) return;
	    win.addEventListener(resizeEvt, recalc, false);
	    doc.addEventListener('DOMContentLoaded', recalc, false);   
	})(document, window);
	</script>
	<%-- <script type="text/javascript" src="${static_server}/static/js/common.js"></script> --%>
	
	<link rel="stylesheet" href="${static_server}/static/css/default.css">
	<link rel="stylesheet" href="${server}/static/css/iconfont/iconfont.css">
	
	<script type="text/javascript" src="${static_server}/static/js/common/base.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/zepto.min.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/iscroll.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		
		 // 苹果手机采用CSS1
		  if(/iphone/i.test(navigator.userAgent)){
		      $(".contentWrap").addClass("mt1s8");
		  }
		  // 安卓手机采用CSS2
		  if(/android/i.test(navigator.userAgent)){
		    $(".contentWrap").css("padding-top","0.89rem");
		  }
		
		var myScroll = new IScroll('#wrapper', {  
	        probeType: 2,//probeType：1对性能没有影响。在滚动事件被触发时，滚动轴是不是忙着做它的东西。probeType：2总执行滚动，除了势头，反弹过程中的事件。这类似于原生的onscroll事件。probeType：3发出的滚动事件与到的像素精度。注意，滚动被迫requestAnimationFrame（即：useTransition：假）。  
	        scrollbars: false,//有滚动条  
	        mouseWheel: true,//允许滑轮滚动  
	        fadeScrollbars: false,//滚动时显示滚动条，默认影藏，并且是淡出淡入效果  
	        bounce:true,//边界反弹  
	        interactiveScrollbars:true,//滚动条可以拖动  
	        shrinkScrollbars:'scale',// 当滚动边界之外的滚动条是由少量的收缩。'clip' or 'scale'.  
	        click: true ,// 允许点击事件  
	        keyBindings:true,//允许使用按键控制  
	        momentum:true// 允许有惯性滑动  
	    }); 
	});
	</script>
</head>
<body>
<div class="wrap" onload="loaded()">
	<header class="headerToFixed">
		<div class="closeBtn" onclick="javascript:goBack();">
		   <i class="icon iconfont">&#xe60a;</i>
		</div>
		<div class="headerTitle">
			<spring:message code="YYK-title-10008" />
		</div> 
	</header>
	<div class="contentWrap">
		<div id="wrapper" class="tops8 bottoms05">
			<div  id="scroller">
				<ul  id="J_productList" class="productList">
				<c:forEach items="${cartSkuDTOList}" var="cartSkuDTO">
					<li>
						<div class="pImgS">
							<img src="${static_server}${cartSkuDTO.merchandise.merchandiseIcon}">
						</div>
						<div class="pDetail">
							<p class="pTitle">${cartSkuDTO.merchandise.merchandiseNameCn}</p>
							<div class="suggestP">
								<label class=" fl">
									<p class="pML">${cartSkuDTO.merchandise.merchandiseSpec}</p>
								</label>
								<label class="J_singleTotalA  fr">
										<span class="countSingleA redFont">€
										<fmt:formatNumber value="${cartSkuDTO.merchandise.merchandisePrice}" pattern="#0.00" />
									 	</span>
									 	<div class="settleQuanlity">
									 	x<span  class="countSingleA redFont">${cartSkuDTO.qty}</span>
									 	</div>
									</span>
								</label>
							</div>
						</div>
					</li>
				</c:forEach>
				</ul>
			</div>
		</div>
	</div>
	<footer class="footerToFixed">
	</footer>
</div>
<input type="hidden" value="${server}" id="path"/>
</body>
</html>	